<template>
<div>
    <h1 style="text-align: center;">十方智育欢迎你</h1>
    <el-carousel :interval="4000" type="card" height="200px">   
      <el-carousel-item v-for="it in imgs" :key="it">
      <img style="width: 100%; height: 100%" :src="it.img" alt />    
      </el-carousel-item>
    </el-carousel>
</div>
</template>

<script>
export default {
   data() {
    return {
        imgs: [
        { img: require("../assets/1.jpg") },
        { img: require("../assets/2.jpg") },
        { img: require("../assets/3.jpg") },
        { img: require("../assets/4.jpg") },
        { img: require("../assets/5.jpg") },
      ],
    }
   },
  
};
</script>

<style>

</style>